<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<include file="Public/head" />
</head>

<body>
<include file="Public/top" />

<div class="page_minheight">
<div class="login_tit catein">
  <div class="catein_lr catein_ll"><i class="icon-arrow-left"></i></div>
  <div class="catein_mid">
    <div class="catein_midin ease02">
    <foreach name="article_soncat" key="kk1" item="vv1">
    <a <if condition="$vv1[cat_id] eq $cat_id">class="on"</if> href="{:U('Article/articleList',array('cat_id'=>$vv1[cat_id]))}"><i class="icon-sanjiaoxing-right"></i>{$vv1.cat_name}</a>
    </foreach>
    </div>
  </div><!--catein_mid-->
  <div class="catein_lr catein_rr"><i class="icon-arrow-right"></i></div>
</div><!--login_tit-->
<script>
//重写筛选页高度
function recatea_width()
{
	bwidth = window.innerWidth;
	bwidth = (bwidth-80)/3;
	$(".catein_midin a").css({"width":bwidth+"px"});
}
recatea_width();
$(window).resize(function(){
	recatea_width();
});

$(document).ready(function(){
	$(".catein_ll").click(function(){
		oleft = $(".catein_midin").css("left");
		oleft = parseInt(oleft) + bwidth;
		$(".catein_midin").css({"left":oleft+"px"});
	});
	
	$(".catein_rr").click(function(){
		oleft = $(".catein_midin").css("left");
		oleft = parseInt(oleft) - bwidth;
		$(".catein_midin").css({"left":oleft+"px"});
	});
});
</script>

<div class="page_in margin">
  <foreach name="article_list" key="kk1" item="vv1">
    <div class="article_list">
      <div class="bor">
        <div class="pad">
          <div class="h1"><a href="{:U('Article/detail',array('article_id'=>$vv1[article_id]))}"><span class="span1"><i class="icon-sanjiaoyou"></i> </span>{$vv1.title}</a></div>
          <div class="h2">{$vv1[cut_content]}</div>
        </div>
      </div>
    </div>
  </foreach>
</div><!--page_in-->
</div><!--page_minheight-->

<include file="Public/footer" />
<script src="__STATIC__/js/global_after.js" type="text/javascript"></script>
</body>
</html>